<template>
    <div >
        <el-form-item :prop="item.name || ''" :label="item.label" v-bind="item.formItemProps || {}" ref="el-form-item">
            <div class="text-viewer-box">
                <el-switch v-model="mvalue" v-bind=opt></el-switch>
            </div>
        </el-form-item>
    </div>
</template>

<script>

import Switch from "../edit/Switch"
import { objectAssign } from "../../utils/common";

/**
 * Switch开关组件的view组件
 * 
 */
export default {
    extends: Switch,
    name: "PopoSwitchView",
    created(){
        this.opt.disabled = true;
    },
    methods: {
    }
};
</script>

<style scoped lang="scss" >
@import "../../css/view_base";

::v-deep{
    .el-switch.is-disabled{
        opacity: 1;
    }
    .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label{
        cursor: auto;
    }
}

.el-icon-time-view-style{
    color: #C0C4CC;
}

.text-viewer-box{
    height: 20px;
}
</style>